<template>
	<div class="info">
		<p class="title">
			<i></i>
			病毒信息
		</p>
		<div class="content">
			<!-- <p>{{epidemicinfo.remark1}}</p>
			<p>{{ epidemicinfo.remark2 }}</p>
			<p>{{ epidemicinfo.remark3 }}</p>
			<p>{{ epidemicinfo.notel1 }}</p>
			<p>{{ epidemicinfo.notel2 }}</p>
			<p>{{ epidemicinfo.notel3 }}</p> -->

			<p>新型冠状病毒感染所致肺炎</p>
			<p>起初发热、乏力、干咳，逐渐出现呼吸困难等</p>
			<p>具备人传染人的能力，正确佩戴口罩加强防护</p>
			<p>多数预后良好，少数病情危重，甚至可致死亡</p>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			epidemicinfo: {
				type: Object,
				default: function() {
					return {}
				}
			}
		}
	}
</script>

<style scoped>
	.info {
		padding: 0.16rem;
		background: #fff;
		border-bottom: 1px solid #f1f1f1;
	}

	.title {
		font-size: 0.17rem;
	}

	.title i {
		display: inline-block;
		width: 0.04rem;
		height: 0.16rem;
		margin-right: 0.03rem;
		vertical-align: middle;
		background: #4169e2;
	}

	.content {
		padding: 0.06rem 0.16rem;
	}

	.content p {
		font-size: 13px;
		margin: 5px 0;
	}
</style>
